<template>
  <div id="app">
    <div  style="height: 50px;background-color: deepskyblue;line-height: 50px">
        <h1 style="color: white">用 户 管 理-功能实现说明</h1>
    </div>
    <div id="nav">
<!--      <label style="margin-left: 100px">《移动通信技术》</label>-->
<!--      <el-link type="success" :underline="false" style="text-align: left;color: #42b983">课程思政博物馆门户</el-link>-->
      <el-button type="primary"  @click="$router.push('/')" style="background-color: silver;size: 20px" >用户管理</el-button>
      <el-button type="primary"  @click="$router.push('/about')" style="background-color: silver;size: 20px" >教学管理</el-button>
      <el-button type="primary"  @click="$router.push('/promise1')" style="background-color: silver;size: 20px" >数据管理</el-button>
    </div>
    <hr/>

    <router-view/>

  </div>

</template>
<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
}

#nav {
  padding: 20px;
  text-align: right;
}

#nav a {
  font-weight: bold;
  color: #2c3e50;
}

#nav a.router-link-exact-active {
  color: #42b983;
}
</style>
